let data = {
    pagenum: 1, // 表示页码值，即获取第 n 页的数据
    pagesize: 2, // 表示每页显示几条数据
}

// ---------------------------获取文章列表---------------------------
function renderArticle() {
    $.ajax({
        url: '/my/article/list',
        data: data,
        success: function (res) {
            let arr = [];
            res.data.forEach(item => {
                arr.push(`
                    <tr>
                        <td>${item.title}</td>
                        <td>${item.cate_name}</td>
                        <td>${item.pub_date}</td>
                        <td>${item.state}</td>
                        <td>
                        <a href="./edit.html?id=${item.id}" class="layui-btn layui-btn-xs">编辑</a>
                        <button data-id="${item.id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
                        </td>
                    </tr>
                `);
            });
            $('tbody').html(arr.join(''));
        }
    });
}
renderArticle();

// ---------------------------删除文章---------------------------
$('tbody').on('click', 'button:contains("删除")', function () {
    var id = $(this).data('id');
    layer.confirm('确定删除吗？', function (index) {

        $.ajax({
            url: '/my/article/delete/' + id,
            success: function (res) {
                layer.msg(res.message);
                if (res.status === 0) {
                    renderArticle();
                }
            }
        });

        layer.close(index);
    });
})

// -------------------------------获取分类-------------------------------
let form = layui.form;
// 1. 获取所有的分类，渲染到 下拉框的位置
$.ajax({
    url: '/my/category/list',
    success: function (res) {
      let arr = [];
      res.data.forEach(item => {
        arr.push(`<option value="${item.id}">${item.name}</option>`)
      });
      $('select[name=category]').append(arr.join(''));
      // 更新渲染
      form.render('select');
    }
  });
  
  // 2. 完成筛选
  $('#search').on('submit', function (e) {
    e.preventDefault();
    let state = $('select[name=state]').val();
    let cate_id = $('select[name=category]').val();
    // console.log(cate_id, state);
    if (state) {
      data.state = state;
    } else {
      delete data.state;
    }
  
    if (cate_id) {
      data.cate_id = cate_id;
    } else {
      delete data.cate_id;
    }
  
    // 重置页码为 1
    data.pagenum = 1;
  
    renderArticle();
  })
